ul,li { list-style-type:none;}
.ellipsis { white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.rel { position: relative;}
.abs { position: absolute;top: 0;left: 0;}
.abs-right { position: absolute;right: 0;top: 0;}
.abs-bottom { position: absolute;left: 0;bottom: 0;}
.abs-right-bottom { position: absolute;right: 0;bottom: 0;}
.fix { position: fixed}
.abs-center { position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.mar-center { left: 0;right: 0;margin: auto;}
.cur-pointer { cursor: pointer;}
.pull-right { float: right;}

.pad-top-xl { padding-top: 50px;}
.pad-top-l { padding-top: 30px;}
.pad-top-m { padding-top: 20px;}
.pad-top-s { padding-top: 15px;}
.pad-top-ss { padding-top: 10px;}

.pad-left-xl { padding-left: 50px;}
.pad-left-l { padding-left: 30px;}
.pad-left-m { padding-left: 20px;}
.pad-left-s { padding-left: 15px;}
.pad-left-ss { padding-left: 10px;}
.pad-left-0 { padding-left: 0px !important;}

.pad-right-xxl { padding-right: 60px;}
.pad-right-xl { padding-right: 50px;}
.pad-right-l { padding-right: 30px;}
.pad-right-m { padding-right: 20px;}
.pad-right-s { padding-right: 15px;}
.pad-right-ss { padding-right: 10px;}

.pad-bot-xl { padding-bottom: 50px; }
.pad-bot-l { padding-bottom: 30px;}
.pad-bot-m { padding-bottom: 20px;}
.pad-bot-s { padding-bottom: 15px;}
.pad-bot-ss { padding-bottom: 10px;}

.pad-ver-xl { padding-top: 40px;padding-right: 40px;}
.pad-ver-l { padding-top: 30px;padding-right: 30px;}
.pad-ver-m2 { padding-top: 25px;padding-right: 25px;}
.pad-ver-m { padding-top: 20px;padding-right: 20px;}
.pad-ver-mm { padding-top: 15px;padding-right: 15px;}
.pad-ver-s { padding-top: 10px;padding-right: 10px;}
.pad-ver-ss { padding-top: 5px;padding-right: 5px;}

.pad-hov-xl { padding-left: 40px;padding-right: 40px;}
.pad-hov-l { padding-left: 30px;padding-right: 30px;}
.pad-hov-m { padding-left: 20px;padding-right: 20px;}
.pad-hov-mm { padding-left: 15px;padding-right: 15px;}
.pad-hov-s { padding-left: 10px;padding-right: 10px;}
.pad-hov-ss { padding-left: 5px;padding-right: 5px;}

.mar-top-xl { margin-top: 50px;}
.mar-top-l2 { margin-top: 40px;}
.mar-top-l { margin-top: 30px;}
.mar-top-m { margin-top: 20px;}
.mar-top-s { margin-top: 15px;}
.mar-top-ss { margin-top: 10px;}

.mar-left-xl { margin-left: 50px;}
.mar-left-l { margin-left: 30px;}
.mar-left-m { margin-left: 20px;}
.mar-left-s { margin-left: 15px;}
.mar-left-ss { margin-left: 10px;}
.mar-left-0 { margin-left: 0px !important;}

.mar-right-xl { margin-right: 50px;}
.mar-right-l { margin-right: 30px;}
.mar-right-m { margin-right: 20px;}
.mar-right-s { margin-right: 15px;}
.mar-right-ss { margin-right: 10px;}
.mar-right-0 { margin-right: 0px !important;}
.mar__right-xl { margin-right: 50px!important;}
.mar__right-l { margin-right: 30px!important;}
.mar__right-m { margin-right: 20px!important;}
.mar__right-s { margin-right: 15px!important;}
.mar__right-ss { margin-right: 10px!important;}

.mar-bot-xl { margin-bottom: 50px; }
.mar-bot-l { margin-bottom: 30px;}
.mar-bot-m { margin-bottom: 20px;}
.mar-bot-s { margin-bottom: 15px;}
.mar-bot-ss { margin-bottom: 10px;}

.mar-ver-xl { margin-top: 40px;margin-bottom: 40px}
.mar-ver-l { margin-top: 30px;margin-bottom: 30px}
.mar-ver-m { margin-top: 20px;margin-bottom: 20px}
.mar-ver-mm { margin-top: 15px;margin-bottom: 15px}
.mar-ver-s { margin-top: 10px;margin-bottom: 10px}
.mar-ver-ss { margin-top: 5px;margin-bottom: 5px}

.mar-hov-xl { margin-left: 40px;margin-right: 40px}
.mar-hov-l { margin-left: 30px;margin-right: 30px}
.mar-hov-m { margin-left: 20px;margin-right: 20px}
.mar-hov-mm { margin-left: 15px;margin-right: 15px}
.mar-hov-s { margin-left: 10px;margin-right: 10px}
.mar-hov-ss { margin-left: 5px;margin-right: 5px}

.txt-center { text-align: center;}
.txt-left { text-align: left;}
.txt-right { text-align: right;}
.txt-bold { font-weight: bold;}
.wd100 { width: 100%;}
.wd50 { width: 50%;}
.hei100 { height: 100%;}
.hei50 { height: 50%;}
.wh100 { width: 100%;height: 100%;}
.height80 { height: 80px;line-height: 80px;}
.height70 { height: 70px;line-height: 70px;}
.height60 { height: 60px;line-height: 60px;}
.height50 { height: 50px;line-height: 50px;}
.height40 {height: 40px;line-height: 40px;}
.height30 { height: 30px;line-height: 30px;}
.height20 { height: 20px;line-height: 20px;}
.line-heigh1 { line-height: 1;}

.font-big-num { font-size: 42px;}
.font-login-title {font-size: 30px;}
.font-xl { font-size: 34px}
.font-l2 { font-size: 24px}
.font-l { font-size: 22px}
.font-ll { font-size: 20px}
.font-m { font-size: 18px}
.font-m2 { font-size: 16px}
.font-s { font-size: 14px}
.font-ss { font-size: 12px}

.font-YaHei { font-family: "Microsoft Yahei";}

.bod-left-000 { border-left: 1px solid #000}
.bod-right-000 { border-right: 1px solid #000}
.bod-top-000 { border-top: 1px solid #000}
.bod-bto-000 { border-bottom: 1px solid #000}
.m-bod { border: 1px solid rgb(208, 210, 215);}
.m-bod-left { border-left: 1px solid rgb(208, 210, 215);}
.m-bod-right { border-right: 1px solid rgb(208, 210, 215);}
.m-bod-top { border-top: 1px solid rgb(208, 210, 215);}
.m-bod-bottom { border-bottom: 1px solid rgb(208, 210, 215);}

.flexCenterStart { display: flex;justify-content: flex-start;align-items: center;}
.flexCenter { display: flex;justify-content: center;align-items: center;}
.flexBox { display: flex;}
.flexBox-column { display: flex;flex-direction: column;}
.flexAuto { flex: auto;}
.flex1 { flex: 1;}
.flex10 { flex: 10%;}
.flexShrink0 { flex-shrink: 0}
.flexShrink1 { flex-shrink: 1}

.col-fff{ color:#fff;}
.col-000{ color:#000;}
.col-333{ color:#333;}
.col-999{ color:#999;}
.col-eee{ color:#eee;}
.col-ece{ color:#ececec;}
.col-gray{ color: rgb(184, 192, 205);}
.col-blue { color: rgb(58, 142, 255);}

.bg-fff { background: #fff;}
.m-bg-dark { background: rgb(43, 45, 71);}
.m-bg-gray { background: rgb(241, 245, 255);}
.m-bg-blue { background: rgb(58, 142, 255)}
.m-bg-blue2 { background: rgb(85, 136, 243)}

.ltr-spac-2 { letter-spacing:2px;}
.ltr-spac-5 { letter-spacing:5px;}
.ltr-spac-10 { letter-spacing:10px;}
.break-all { word-break: break-all;}

.inb { display: inline-block;vertical-align: initial;}
.inb-sub { display: inline-block;vertical-align: sub;}
.inb-top { display: inline-block;vertical-align: top;}
.inb-txt-top { display: inline-block;vertical-align: text-top;}
.inb-midden { display: inline-block;vertical-align: middle;}
.inb-txt-bottom { display: inline-block;vertical-align: text-bottom;}
.inb-start { display: inline-block;vertical-align: top;}
.inb__start { display: inline-block!important;;vertical-align: top!important;}


.m-container {
    min-width: 1600px;
}

/*清除浮动*/
.clearfix:after {
    content: "."; /*加一段内容*/
    display: block; /*让生成的元素以块级元素显示，占满剩余空间*/
    height: 0; /*避免生成的内容破坏原有布局高度*/
    clear: both; /*清除浮动*/
    visibility: hidden; /*让生成的内容不可见*/
}

.clearfix {
    zoom: 1; /*为IE6，7的兼容性设置*/
}
